<template>
  <nut-animate type="slide-right" action="click">
    <nut-button type="primary">slide-right</nut-button>
  </nut-animate>
  <nut-animate type="slide-left" action="click">
    <nut-button type="primary">slide-left</nut-button>
  </nut-animate>
  <nut-animate type="slide-top" action="click">
    <nut-button type="primary">slide-top</nut-button>
  </nut-animate>
  <nut-animate type="slide-bottom" action="click">
    <nut-button type="primary">slide-bottom</nut-button>
  </nut-animate>
</template>
